//颜色
$color1: #000000;
$color2: #939699;
$color3: #dfdde0;
$color6: #f6f6f6;
$color8: #ffffff;
$color13: #00a0dd;
//字体大小
$fontSize8: 0.08rem;
$fontSize28: 0.28rem;
$fontSize70: 0.7rem;
.update_image_page {
	background-color: #f8f8f8;
	height: 99.9%;
	padding-bottom: 2rem;
	.agree-wrapper {
		padding-left: 0.28rem;
		padding-top: 0.16rem;
	}
	.content {
		padding-top: 0.3rem;
		background-color: $color8;
		.content-tip {
			text-align: left;
			margin: 0.46rem 0 0.28rem 0.34rem;
			color: #bababa;
		}
		.div-flex {
			display: flex;
			flex-direction: row;
			padding-left: 0.06rem;
			padding-right: 0.24rem;
			justify-content: space-between;
			//background:rgba(92,186,100,0.1);
			border-radius: 0.12rem 0.12rem 0px 0px;
			padding-bottom: 0.54rem;
			.update-image {
				position: relative;
				text-align: center;
				flex: 1;
				height: 2.82rem;
				margin-left: 0.18rem;
				background: rgba(92, 186, 100, 0.1);
				p {
					position: absolute;
					width: 100%;
					top: 50%;
					text-align: center;
					opacity: 1;
					font-size: 0.32rem;
					font-weight: 500;
					color: #ffffff;
				}
				.tip_idcard-common {
					width: 100%;
					height: 0.6rem;
					line-height: 0.6rem;
					opacity: 1;
					font-size: 0.26rem;
					color: #ffffff;
					margin-top: -0.05rem;
					background-color: #5cba64;
					border-radius: 0px 0px 0.12rem 0.12rem;
				}
				.idcard-img {
					width: 100%;
					height: 2.2rem;
					object-fit: cover; // contain
					border-radius: 0.12rem 0.12rem 0px 0px;
				}
				.img-add {
					position: absolute;
					width: 1.14rem;
					height: 1.14rem;
					top: 50%;
					left: 50%;
					margin-top: -0.8rem;
					margin-left: -0.55rem;
				}
			}
		}
	}
	.other_info {
		background-color: #f6f6f6;
		font-size: 0.32rem;
		.am-list-item .am-list-line .am-list-content {
			font-size: 0.32rem;
			width: 2.32rem;
			flex: unset;
		}
		.am-list-item .am-list-line .am-list-extra {
			flex: 1;
			text-align: left;
			margin-left: 10px;
		}
		.am-list-item .am-list-line {
			padding-right: 0;
			margin-right: 15px;
		}
		.am-list-item:first-child {
			border-bottom: 0.01rem solid #ebebeb;
		}
		.am-list-item .am-input-control input {
			text-align: right;
			padding-right: 15px;
		}
	}
	.image-tip {
		width: 100%;
		text-align: center;
		background-color: $color8;
		padding-bottom: 0.54rem;
		//padding-top: 0.32rem;
		.image-tip-item {
			display: inline-block;
			width: 21%;
			height: 1.6rem;
			background-size: 100% 100%;
			margin-right: 2%;
			//border: 1px dashed #2b2b2b;
		}
		.item-last {
			margin-right: 0;
		}
		.image-item-one {
			background-image: url("../../../images/idcard/card-tip-one.png");
		}
		.image-item-two {
			background-image: url("../../../images/idcard/card-tip-two.png");
		}
		.image-item-three {
			background-image: url("../../../images/idcard/card-tip-three.png");
		}
		.image-item-four {
			background-image: url("../../../images/idcard/card-tip-four.png");
		}
	}

	.line-1 {
		background-color: #ffffff;
		.image-require {
			text-align: center;
			font-size: $fontSize28;
			background-color: $color8;
			padding: 0.04rem 0.12rem 0.32rem 0.12rem;
			.line-div {
				border-top: 1px solid #d8d8d8;
				display: inline-block;
				height: 0.1rem;
				width: 30%;
			}
			.image_require-tip {
				margin: 0 0.2rem;
				font-weight: 500;
				color: rgba(147, 150, 153, 1);
				border-top: none;
				font-weight: 500;
			}
		}

		.bottom-tips-far {
			display: flex;
			flex-direction: row;
			padding: 0.28rem 0.4rem 0 0.26rem;
			box-sizing: border-box;
			background-color: #f8f8f8;
			font-size: 0.24rem;
			.tips-img {
				width: 0.26rem;
				height: 0.26rem;
				margin-top: 0.05rem;
				margin-right: 0.04rem;
			}
			.r-text {
				font-weight: 400;
				color: #888888;
				line-height: 0.34rem;
				margin-left: 0.1rem;
				.t-blue {
					color: #5091ff;
				}
			}
		}
	}

	.line-2 {
		background-color: #f8f8f8;
		margin-top: 0.2rem;
		.list-own {
			margin-bottom: 0.2rem;
			padding: 0 0.4rem 0 0.3rem;
			background-color: #ffffff;
		}

		.am-list-item.am-input-item {
			padding-left: 0;
		}
		.am-list-item .am-list-line {
			padding-right: 0;
		}
		.am-list-item .am-input-control input {
			font-size: 0.32rem;
			text-align: right;
		}
		.am-list-item .am-input-label.am-input-label-5 {
			font-size: 0.32rem;
		}
		.am-list-item .am-input-control input {
			text-align: left;
		}
		.item {
			width: 100%;
			height: 1.08rem;
			display: flex;
			flex-direction: row;
			box-sizing: border-box;
			border-bottom: 0.01rem solid #ebebeb;

			.item-left {
				flex: 1;
				display: inline-block;
				color: #2b2f33;
				text-align: left;
				font-size: 0.32rem;
				line-height: 1.08rem;
			}

			.item-right {
				flex: 1;
				display: inline-block;
				color: #9b9b9b;
				text-align: right;
				font-size: 0.32rem;
				line-height: 1.08rem;
			}
		}

		.bank-item {
			width: 100%;
			height: 1.42rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-bottom: 0.01rem solid #ebebeb;

			.item-left-img {
				width: 0.6rem;
				height: 0.6rem;
				//margin-left: 0.24rem;
				margin-right: 0.12rem;
				border-radius: 0.395rem;
			}

			.item-center {
				display: flex;
				flex-direction: column;
				flex: 1;
				height: 0.78rem;
				justify-content: space-between;

				.center-top {
					font-size: 0.32rem;
					color: #424242;
				}

				.center-bottom {
					font-size: 0.24rem;
					color: #9b9b9b;
				}
			}

			.bank-right {
				margin-right: 0.06rem;
				font-size: 0.28rem;
				color: #707070;
			}

			.item-right-arrow {
				width: 0.12rem;
				height: 0.22rem;
				background: url("../../../images/imageXHB/icon-next-arrow.png") center
					no-repeat;
				background-size: 0.12rem 0.22rem;
			}
		}

		.line-2-no {
			width: 100%;
			height: 1.14rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 0.01rem solid #ebebeb;

			.no-span {
				font-size: 0.32rem;
				color: #2b2f33;
				flex: 1;
			}

			.item-right-arrow {
				width: 0.12rem;
				height: 0.22rem;
				background: url("../../../images/imageXHB/icon-next-arrow.png") center
					no-repeat;
				background-size: 0.12rem 0.22rem;
			}
		}

		.bottom-tips {
			color: #9b9b9b;
			font-size: 0.24rem;
			line-height: 0.34rem;
			padding: 0.28rem 0 0.24rem;
		}
	}
	.am-list-item.am-input-item {
		height: 1rem;
	}
	.am-list-item {
		min-height: 1rem;
	}
	.am-list-item .am-input-label.am-input-label-5 {
		width: 2.42rem;
	}
	.btn-common {
		display: block;
		width: 92.8%;
		height: 0.8rem;
		background: linear-gradient(90deg, #40b15c 0%, #40b15d 100%);
		border-radius: 0.4rem;
		font-size: 0.34rem;
		color: $color8;
		margin: 0.78rem 3.6% 0.56rem 3.6%;
		text-align: center;
		line-height: 0.8rem;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		justify-content: center;
	}

	.btn-gray {
		background-color: #cbcbcb;
	}

	.contract_content {
		padding: 0 0.58rem 0 0;
		min-height: 1.3rem;
		//margin-right: 0.2rem;
		width: 100%;
		font-size: 0.24rem;
		text-align: center;
		box-sizing: border-box;
		.am-checkbox-agree .am-checkbox-agree-label {
			font-size: 0.24rem;
			color: #9b9b9b;
			text-align: left;
		}
		.am-checkbox-inner {
			width: 0.28rem;
			height: 0.3rem;
			border-radius: unset;
		}
		.am-checkbox.am-checkbox-checked .am-checkbox-inner {
			background-color: #40b15d;
			border-color: #40b15d;
		}
		.am-checkbox-agree .am-checkbox-agree-label {
			margin-left: 20px;
		}
		a {
			font-size: 0.24rem;
			color: #00a0dd;
		}
		.am-checkbox-inner:after {
			width: 5px;
			height: 11px;
			right: 3px;
			top: 0;
		}
	}
}
html:not([data-scale]) .am-list-body::before {
	background-color: unset;
}
